/*! Andrew.Pc.Plugin by jQuery PcWebSite css v2.3.9 --- Copyright Andrew.Kim | (c) 20171015 ~ 20180307 andrew.pc.plugin.css license */
/*! Coding by Andrew.Kim (E-mail:andrewkim365@qq.com) */
/*-----------------------------------------------Andrew_Typeahead-------------------------------------------*/
.ak-typeahead {
    position: absolute;
    border:solid 1px #dddddd;
    background-color: #ffffff;
    z-index: 3;
    border-bottom: none;
    display: none;
}
.ak-typeahead li {
    line-height: 3em;
    background-color: #ffffff;
    border-bottom: solid 1px #dddddd;
    text-indent: 1em;
    cursor: pointer;
}
.ak-typeahead li:hover {
    background-color: #f5f5f5 !important;
}
/*-----------------------------------------------Andrew_HoverPopup-------------------------------------------*/
.ak-HoverPopup {
    position: absolute;
    overflow: hidden;
    z-index: 99;
    cursor: pointer;
}
.ak-HoverPopup > * {
    height: 0;
    display: none;
}
/*-----------------------------------------------Andrew_ToolTip-------------------------------------------*/
.ak-tooltip {
    border: 1px solid #333333;
    max-width: 20em;
    font-size: 1.2em;
    padding:1em;
    position: absolute;
    z-index:100;
    text-shadow:none;
    border-radius: 0.3em;
    -moz-border-radius: 0.3em;
    -webkit-border-radius: 0.3em;
}
.ak-tooltip:after {
    display: block;
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    pointer-events: none;
    margin-left: -0.6em;
    border-top: 0.6em solid #333333;
    border-right: 0.6em solid transparent;
    border-left: 0.6em solid transparent;
}
/*-----------------------------------------------Andrew_PortraitCropbox-------------------------------------------*/
.ak-action_Portrait {
    margin: 3% 0;
    overflow: hidden;
    position: relative;
    height: 3.6em;
}
.ak-cropped {
    position: absolute;
    right: 3%;
    top: 0;
    margin-top: 3%;
    width: 20em;
    border: 1px #dddddd solid;
    height: 40em;
    padding: 1em;
    text-align: center;
}
.ak-cropped p {
    margin-bottom: 1em;
}
.ak-imageBox {
    position: relative;
    height: 40em;
    width: 40em;
    border: 1px solid #dddddd;
    background: #fff;
    overflow: hidden;
    background-repeat: no-repeat;
    cursor: move;
}
.ak-imageBox .thumbBox {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 20em;
    height: 20em;
    margin-top: -10em;
    border-radius: 50%;
    margin-left: -10em;
    box-sizing: border-box;
    border: 1px solid #dddddd;
    box-shadow: 0 0 0 100em rgba(0, 0, 0, 0.5);
    background: none repeat scroll 0% 0% transparent;
}
.ak-imageBox .rotator {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    text-align: center;
    line-height: 40em;
    color: #333333;
    background: rgba(255, 255, 255, 0.5);
}
.ak-action_Portrait label {
    width:100%;
    height:100%;
    display:block;
    line-height: inherit;
}
.ak-action_Portrait input[type=file] {
    width: 100%;
    height: 100%;
    margin: 0 auto;
    position: absolute;
    left: 0;
    top:0;
    right/*\**/:0px\9;
    margin-right/*\**/:0px\9;
    width/*\**/:10px\9;
    opacity:0;
    filter:alpha(opacity=0);
    z-index:2;
    cursor: pointer;
}
.ak-action_Portrait button {
    width: 12em;
    display: inline-block;
    height: 100%;
    text-decoration: none;
}
.ak-action_Portrait button + button {
    width: 4em;
    margin-left: 0.5em;
}
/*-----------------------------------------------Andrew_ChinaSelCity-------------------------------------------*/
.ak-ChinaSelCity {
    min-width: 35em;
    border: 1px solid #dddddd;
    background: #ffffff;
    padding: 0.5em;
    position: absolute;
    z-index: 22;
    display: none;
}
.ak-ChinaSelCity span {
    height: 1.2em;
    width: 1.2em;
    line-height: 1em;
    text-align: center;
    position: absolute;
    right: 0.5em;
    top: 0.5em;
    border: 1px solid;
    cursor: pointer;
    font-size: 1.6em;
}
.ak-ChinaSelCity0 {
    width:100%;
    display:inline-block;
}
.ak-ChinaSelCity0 li {
    display: inline-block;
    line-height: 2.4em;
    font-size: 1.2em;
    text-align: center;
    cursor: pointer;
    padding: 0 2em;
}
.ak-ChinaSelCity1 {
    width:100%;
    display:inline-block;
    padding:10px 0;
    max-height:12em;
    overflow:auto;
}
.ak-ChinaSelCity1 a {
    width: 10em;
    line-height: 3em;
    display: inline-block;
    background-color: #f5f5f5;
    text-align: center;
    cursor: pointer;
    overflow: hidden;
    margin: 0.5em 0.5em 0 0;
}
.ak-ChinaSelCity1 a:hover {
    background-color:#eeeeee;
}

/*-----------------------------------------------Andrew_SearchChoose-------------------------------------------*/
.ak-SearchChoose-wrapper {
    display:none;
    z-index:5;
    min-width: 30em;
}
.ak-SearchChoose-wrapper .ak-SearchChoose-nav {
    width: 100%;
    overflow: hidden;
    height: 3em;
}
.ak-SearchChoose-nav li {
    display: inline-block;
    line-height: 3em;
    color: #777777;
    text-align: center;
    padding: 0 1em;
    cursor:pointer;
}
.ak-SearchChoose-nav li:hover {
    text-decoration:underline;
}
.ak-SearchChoose-content {
    overflow-x: hidden;
    overflow-y: auto;
    max-height: 12em;
    margin: 1em 0;
}
.ak-SearchChoose-content li {
    line-height: 2em;
    color: #eeeeee;
    float: left;
    min-width: 12em;
    padding: 0.5em 1em;
    cursor: pointer;
}
.ak-SearchChoose-content li:hover {
    text-decoration:underline;
}
.ak-SearchChoose-bottom {
    text-align: right;
    border-top: 1px solid #dddddd;
    line-height: 3em;
    overflow: hidden;
}

/*-----------------------------------------------Andrew_CitySelect-------------------------------------------*/
.ak-CitySelect{
    position: absolute;
    border: solid 1px #dddddd;
    background-color: #ffffff;
    z-index: 10;
    display: none;
    min-width: 28em;
}
.ak-CitySelect .citybox {
    padding: 1em;
}
.ak-CitySelect h3{
    font-size:1.2em;
}
.ak-CitySelect .ak-CitySelect_nav{
    padding: 1em 0;
}
.ak-CitySelect .ak-CitySelect_nav li{
    cursor: pointer;
    border: 1px solid #dddddd;
    display: inline-block;
    transition: all .2s;
    line-height: 2.8em;
    padding: 0 0.5em;
    color: #777777;
}
.ak-CitySelect .ak-CitySelect_nav li + li{
    border-left: none;
}
.ak-CitySelect .ak-CitySelect_body{
    max-height: 15em;
    overflow-y: auto;
}
.ak-CitySelect .ak-CitySelect_body .ak-CitySelect_item{
    display: none;
}
.ak-CitySelect .ak-CitySelect_body .ak-CitySelect_item.ak-is_active{
    display: block;
}
.ak-CitySelect_item dt, .ak-CitySelect_item dd{
    display: inline-block;
}
.ak-CitySelect_item dl{
    padding:0.5em 0;
}
.ak-CitySelect_item dt{
    padding: 0.5em 0 0;
    vertical-align: top;
    width: 10%;
}
.ak-CitySelect_item.hot dt{
    display: none;
}
.ak-CitySelect_item.hot dd{
    width: 100% !important;
}
.ak-CitySelect_item dd{
    width:90%;
}
.ak-CitySelect_item dd span{
    width: 24%;
    display: inline-block;
    cursor: pointer;
    padding: 0.5em 0;
    transition: all .3s;
    text-align: center;
}
.ak-CitySelect_item dd span:hover{
    background-color: #f5f5f5;
    text-decoration: underline;
}
.ak-CitySelect .ak-result{
    max-height: 15em;
    overflow-y: auto;
    display: none;
}
.ak-CitySelect .ak-result li{
    background-color: #ffffff;
    cursor: pointer;
    overflow: hidden;
    line-height: 3em;
    padding: 0 1em;
}
.ak-CitySelect .ak-result li {
    border-top:none;
}
.ak-CitySelect .ak-result li+li {
    border-top: solid 1px #dddddd;
}
.ak-CitySelect .ak-result li.ak-is_active, .ak-CitySelect .ak-result li.ak-is_active .letter{
    background-color: #f5f5f5;
}
.ak-CitySelect .ak-result li .name{
    float:left;
    color:#333333;
    margin-right: 1em;
}
.ak-CitySelect .ak-result li .letter{
    float:right;
    color:#999999;
}
.ak-CitySelect .ak-result li .ak-noresult{
    padding: 0 0.5em;
}
.ak-CitySelect .ak-result li:hover, .ak-CitySelect .ak-result li:hover > .letter{
    background-color: #f5f5f5;
}
/*-----------------------------------------------Andrew_PassLevel-------------------------------------------*/
.ak-PassLevel {
    overflow: hidden;
    margin-top: 0.5em;
}
.ak-PassLevel li {
    float: left;
    width: 2.4em;
    height: 2.4em;
    text-align: center;
    line-height: 2.4em;
    margin-right: 0.2em;
    color: #ffffff;
}
/*-----------------------------------------------Andrew_Validate-------------------------------------------*/
.ak-valid_message {
    position: absolute;
    top: 0;
    left: 0;
    font-style: normal;
}
.ak-valid_active .ak-valid_message {
    color: #55a532;
}
.ak-valid_error .ak-valid_message {
    color: #ff0000;
}
.radio.ak-valid_error label {
    border:solid 1px #ff0000 !important;
}
label.ak-valid_error, .ak-valid_error input, .ak-valid_error textarea {
    border:solid 1px #ff0000 !important;
}
label.ak-valid_error input, label.ak-valid_error textarea {
     border:none !important;
 }
/*-----------------------------------------------Andrew_bigAutocomplete-------------------------------------------*/
.ak-bigautocomplete-layout {
    display:none;
    background-color:#ffffff;
    border:1px solid #dddddd;
    position:absolute;
    z-index:100;
    min-width: 16em;
    max-height:18em;
    overflow:auto;
}
.ak-bigautocomplete-layout table {
    width:100%;
}
.ak-bigautocomplete-layout table tr {
    background:none repeat scroll 0 0 #fff;
}
.ak-bigautocomplete-layout .ct {
    background:none repeat scroll 0 0 #f5f5f5 !important;
}
.ak-bigautocomplete-layout table tr + tr div {
    border-top: solid 1px #dddddd;
}
.ak-bigautocomplete-layout table tr div {
    word-wrap:break-word;
    word-break:break-all;
    height: 3em;
    line-height: 3em;
    border-top: none;
    padding-left: 1em;
    cursor: pointer;
}

/*-----------------------------------------------Andrew_MinAutoCompleter-------------------------------------------*/
.ak-MinAutoCompleter-container {
    position: absolute;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0;
    margin: -2px 0 0;
    font-family: inherit;
    line-height: normal;
    list-style: none;
    background-color: #ffffff;
    border: 1px solid #dddddd;
    z-index: 5;
}

.ak-MinAutoCompleter-container li {
    line-height: 3.6em;
    margin: 0;
    padding-left: 1em;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: pointer;
    background-color: #ffffff;
    border-top:none;
}
.ak-MinAutoCompleter-container li {
    border-top: solid 1px #dddddd;
}
.ak-MinAutoCompleter-container .ak-MinAutoCompleter-selected,
.ak-MinAutoCompleter-container li:hover {
    background-color: #f5f5f5;
}
/*-----------------------------------------------Andrew_Select-------------------------------------------*/
.ak-select {
    position:relative;
    cursor:pointer;
    text-indent: 1em;
}
.ak-select:after {
    content: "";
    position: absolute;
    top: 50%;
    width: 0;
    right: 1em;
    margin-top: -0.2em;
    border-top: 0.6em solid #777777;
    border-right: 0.6em solid transparent;
    border-left: 0.6em solid transparent;
}
.ak-select.open:after {
    content: "";
    position: absolute;
    top: 50%;
    width: 0;
    right: 1em;
    margin-top: -0.2em;
    border-top: none !important;
    border-bottom: 0.6em solid #777777;
    border-right: 0.6em solid transparent;
    border-left: 0.6em solid transparent;
}
.ak-select_list {
    display:none;
    position:absolute;
    z-index: 2;
    max-height:12em;
    overflow:auto;
    border:1px solid #dddddd;
    background:#fff;
}
.ak-select_list ul {
    width: 100%;
}
.ak-select_list li {
    cursor: pointer;
    padding-left: 1em;
    border-top: none;
}
.ak-select_list li+li {
    cursor: pointer;
    padding-left: 1em;
    border-top: 1px #dddddd solid;
}
.ak-select_list li:hover {
    background:#f5f5f5;
}

/*-----------------------------------------------Andrew_Slider-------------------------------------------*/
.ak-slider,
.ak-slider *,
.ak-slider *::before,
.ak-slider *::after{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.ak-slider .inner {
    overflow: hidden;
}
.ak-slider aside img {
    width: auto;
    min-width: 100%;
    height: 100%;
}
.ak-slider .button-slider:hover {
    opacity: 0.8 !important;
}
.ak-linebox ul:after {
    content: '';
    display: block;
    width: 100%;
    height: 2px;
    position: absolute;
    z-index: 2;
    background: #dddddd;
    top: 0;
}
.ak-linebox ul:before {
    content: '';
    display: block;
    width: 2px;
    height: 100%;
    position: absolute;
    z-index: 2;
    background: #dddddd;
    left: 0;
}
.ak-linebox ul li:after {
    content: '';
    display: block;
    width: 100%;
    height: 2px;
    position: absolute;
    z-index: 2;
    background: #dddddd;
    bottom: 0;
}
.ak-linebox ul li:before {
    content: '';
    display: block;
    width: 2px;
    height: 100%;
    position: absolute;
    z-index: 2;
    background: #dddddd;
    right: 0;
}
.ak-linebox ul li:after {
    content: '';
    display: block;
    width: 100%;
    height: 2px;
    position: absolute;
    z-index: 2;
    background: #dddddd;
    bottom: 0;
}
/*-----------------------------------------------Andrew_DateTime-------------------------------------------*/
.ak-DateTime {
    border: solid 1px #dddddd;
    overflow: hidden;
    min-width: 32em;
    max-width: 36em;
    display: none;
    -webkit-user-select: none; /* Chrome all, Safari all, opera15+ */
    -moz-user-select: none; /* Firefox all */
    -ms-user-select: none; /* IE 10+ */
    user-select: none;
}
.ak-DateTime > div {
    background-color: #ffffff;
}
.ak-DateTime .yearprev {
    left:0;
    background-image:url("");
}
.ak-DateTime .ymsbox .yprev {
    left:20% !important;
}
.ak-DateTime .monthprev {
    left:2em;
    background-image:url("");
}
.ak-DateTime .yearnext {
    right:0;
    background-image:url("");
}
.ak-DateTime .ymsbox .ynext {
    right:20% !important;
}
.ak-DateTime .monthnext {
    right:2em;
    background-image:url("");
}
.ak-DateTime .close {
    background-image:url("");
    cursor:pointer;
}
.ak-DateTime table thead,.ak-DateTime table td {
    border:1px #fff solid;
}
.ak-DateTime.grid table thead,.ak-DateTime.grid table td {
    border:1px #dddddd solid;
}
.ak-DateTime .ymsbox .arthead {
    color: #fff;
    height: 3em;
    line-height: 3em;
    text-align: center;
    position: relative;
    overflow: hidden;
}
.ak-DateTime .ymsbox .arthead.ak_fix .yearnext {
    right:2em;
}
.ak-DateTime .ymsbox .arthead .close {
    right:0;
}
.ak-DateTime .ymsbox .arthead button {
    width:2em;
    height:3em;
    line-height:3em;
    position:absolute;
    top:0;
    background-repeat:no-repeat;
    background-position:center center;
    cursor:pointer;
}
.ak-DateTime .ymsbox .arthead p {
    width:100%;
    float:left;
    text-align:center;
    font-size:1.2em;
    color: #ffffff;
}
.ak-DateTime .ymsbox .artcont {
    overflow:hidden;
    position:relative;
    border:1px #dddddd solid;
    border-top:none;
}
.ak-DateTime .ymsbox .artcont.spaer:after {
    width:1px;
    background-color:#ddd;
    position:absolute;
    top:0;
    bottom:0;
    left:49.8%;
    content:"";
}
.ak-DateTime .ymsbox .ymcon {
    padding: 1em;
}
.ak-DateTime .ymsbox .ymcon table {
    width: 100%;
}
.ak-DateTime .ymsbox .ymcon.spaer {
    border-left:1px solid #ddd;
}
.ak-DateTime .ymsbox .ymcon .yul td {
    padding: 0 1em;
    height: 3em;
    cursor: pointer;
    text-align: center;
    border: solid 1px #ffffff;
    overflow: hidden;
}
.ak-DateTime .ymsbox .ymcon .ymul td {
    padding: 0 1em;
    height: 3em;
    cursor: pointer;
    font-size: 1.2em;
    text-align: center;
    border: solid 1px #ffffff;
    overflow: hidden;
}
.ak-DateTime .ymsbox .ymcon .ymul td.bg_title {
    color: #ffffff;
}
.ak-DateTime .ymsbox .ymcon td.disabled, .ak-DateTime .ymsbox .ymcon td.disabled:hover {
    color:#bbbbbb;
}
.ak-DateTime .ymsbox .ymcon td:hover {
    background-color:#f5f5f5;
}
.ak-DateTime .daybox .arthead {
    height: 3em;
    line-height:3em;
    text-align:center;
    font-size:1.2em;
}
.ak-DateTime .daybox .arthead button {
    width:2em;
    height:3em;
    line-height:3em;
    position:absolute;
    top:0;
    background-repeat:no-repeat;
    background-position:center center;
    cursor:pointer;
}
.ak-DateTime .daybox .arthead .ymbtn {
    color:#fff;
    cursor:pointer;
}
.ak-DateTime .daybox .arthead .ymbtn:hover {
    text-decoration: underline;
}
.ak-DateTime .daybox .artcont {
    overflow:hidden;
    position:relative;
    border-bottom:1px #dddddd solid;
}
.ak-DateTime .daybox .artcont.spaer:after {
    width:1px;
    background-color:#ddd;
    position:absolute;
    top:0;
    bottom:0;
    left:50%;
    content:"";
}
.ak-DateTime .daybox .contlist {
    width:100%;
    float:left;
    padding:1em;
    overflow:hidden;
}
.ak-DateTime .daybox .contlist table {
    width: 100%;
}
.ak-DateTime .daysul thead {
    background-color:#f5f5f5;
}
.ak-DateTime .daysul th {
    text-align:center;
    padding: 0.5em;
}
.ak-DateTime .daysul td {
    text-align:center;
    padding: 0.1em 0.5em;
    cursor: pointer;
    border: solid 1px #ffffff;
    overflow: hidden;
}
.ak-DateTime .daysul td .nolunar {
    line-height: 2em;
    font-size: 1.2em;
}
.ak-DateTime .daysul td .solar {
    height:16px;
    line-height:16px;
    font-size:14px;
    padding-top:3px;
    display:block;
}
.ak-DateTime .daysul td .lunar {
    height:16px;
    line-height:16px;
    font-size:12px;
    overflow:hidden;
    display:block;
    color:#888;
}
.ak-DateTime .daysul td.bg_title *, .ak-DateTime .daysul td.actdate,.ak-DateTime .daysul td.actdate:hover,.ak-DateTime .daysul td.actdate .lunar {
    color:#ffffff !important;
}
.ak-DateTime .daysul td.other,.ak-DateTime .daysul td.other .nolunar,.ak-DateTime .daysul td.other .lunar {
    color:#aaaaaa;
}
.ak-DateTime .daysul td.disabled,.ak-DateTime .daysul td.disabled .nolunar,.ak-DateTime .daysul td.disabled .lunar {
    color:#dddddd;
    cursor: default !important;
}
.ak-DateTime .daysul td.disabled,.ak-DateTime .daysul td.disabled:hover {
    color: #dddddd;
    background-color: #f9f9f9;
}
.ak-DateTime .daysul td:hover {
    background-color:#f5f5f5;
}
.ak-DateTime .daysul td.red {
    color:#ff0000;
}
.ak-DateTime .daysul td .marks {
    width:0.5em;
    height:0.5em;
    background-color:#ff0000;
    -webkit-border-radius:50%;
    border-radius:50%;
    position:absolute;
    right:0.2em;
    top:0.4em;
}
.ak-DateTime .daysul td.actdate .marks {
    width:0.5em;
    height:0.5em;
    background-color:#ffffff;
    -webkit-border-radius:50%;
    border-radius:50%;
    position:absolute;
    right:0.2em;
    top:0.4em;
}
.ak-DateTime .timebox {
    overflow:hidden;
    background-color:#fff;
}
.ak-DateTime .timebox .arthead {
    color:#fff;
    height:3em;
    line-height:3em;
    text-align:center;
    padding:0 2em;
    position:relative;
}
.ak-DateTime .timebox .arthead button {
    width:2em;
    height:3em;
    line-height:3em;
    position:absolute;
    top:0;
    background-repeat:no-repeat;
    background-position:center center;
    cursor:pointer;
}
.ak-DateTime .timebox .arthead .close {
    right:0;
}
.ak-DateTime .timebox .artcont {
    overflow:hidden;
    position:relative;
    border:1px #dddddd solid;
    border-top:none;
}
.ak-DateTime .timebox .artcont.spaer:after {
    width:1px;
    background-color:#ddd;
    position:absolute;
    top:0;
    bottom:0;
    left:49.8%;
    content:"";
}
.ak-DateTime .timebox .timelist {
    margin:0 auto;
    padding: 0 1em 1em;
    float:left;
}
.ak-DateTime .timebox .textbox {
    margin: 0 auto;
    overflow: hidden;
    text-align: center;
}
.ak-DateTime .timebox .textbox p {
    width: 33.33%;
    display: inline-block;
    line-height: 2em;
    font-size: 1.2em;
    text-align: center;
    overflow: hidden;
}
.ak-DateTime .timebox .contime {
    border: 1px solid #ddd;
    border-right: none;
    overflow: hidden;
}
.ak-DateTime .timebox .contime ul {
    width: 33.3%;
    height: 16em;
    float: left;
    border-right: 1px solid #ddd;
    overflow-y: auto;
}
.ak-DateTime .timebox .contime ul li {
    width:100%;
    float:left;
    text-align:center;
    height:2em;
    line-height:2em;
    font-size:1.2em;
    cursor: pointer;
}
.ak-DateTime .timebox .contime ul li:hover {
    background-color:#f5f5f5;
}
.ak-DateTime .timebox .contime ul li.action {
    color:#ffffff;
}
.ak-DateTime .timebox .contime ul li.disabled {
    background-color:#fbfbfb;
    color:#ccc;
}
.ak-DateTime .timebox .contime ul li.disabled.action {
    color:#ffffff;
    filter:Alpha(opacity=30);
    opacity:.3;
}
.ak-DateTime .mainfoot {
    border-top: none;
    overflow: hidden;
}
.ak-DateTime .mainfoot .timecon {
    line-height: 2.4em;
    display: block;
    overflow: hidden;
    background-color: #f5f5f5;
    text-align: center;
    margin: 0 auto;
    font-size: 1.2em;
}
.ak-DateTime .mainfoot .timecon:hover {
    background-color:#f0f0f0;
}
.ak-DateTime .mainfoot .timecon em {
    outline: none;
    -moz-outline: none;
}
.ak-DateTime .mainfoot .timecon span {
    padding:0 5px;
    float:left;
    height:26px;
    line-height:24px;
    font-style:normal;
    display:block;
    text-align:center;
    background-color:#f0f0f0;
}
.ak-DateTime .mainfoot .timecon i {
    margin: 0 0.1em;
}
.ak-DateTime .mainfoot .btnscon {
    width: 100%;
    display: inline-block;
    font-size: 1.2em;
}
.ak-DateTime .mainfoot .btnscon button {
    float: left;
    border-right: 1px #fff solid;
    color: #fff;
    display: block;
    text-align: center;
    overflow: hidden;
    line-height: 2.8em;
    height: 2.8em;
    width: 33.3%;
    cursor: pointer;
}
.ak-DateTime .mainfoot .btnscon button:last-child {
    border-right:none;
}
/*-----------------------------------------------Andrew_Dialog-------------------------------------------*/
.ak-dialog {
    width:100%;
    height:auto;
    position:fixed;
    z-index:20;
    box-sizing:border-box;
    display:none;
}
.ak-dialog.ak-is_active {
    display:block;
    -webkit-user-select: none; /* Chrome all, Safari all, opera15+ */
    -moz-user-select: none; /* Firefox all */
    -ms-user-select: none; /* IE 10+ */
    user-select: none;
}
.ak-dialog .ak-dialog_container {
    box-sizing:border-box;
    margin:0 auto;
    width:30%;
    height:auto;
    background-color:#ffffff;
    border-radius:0.3em;
    box-shadow:0 0 1em rgba(0,0,0,0.2);
    overflow:hidden;
}
.ak-dialog .ak-dialog_header {
    width:100%;
    line-height:3em;
    box-sizing:border-box;
    text-align:center;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
}
.ak-dialog .ak-dialog_header h3 {
    color:#333333;
    display:inline-block;
    font-size:1.2em !important;
    vertical-align:top;
}
.ak-dialog .ak-dialog_header::before {
    content:'warning';
    width:1.4em;
    height:1.4em;
    display:inline-block;
    vertical-align:middle;
    color:transparent;
    background-repeat:no-repeat;
    background-size: 100% 100%;
    margin-top: 1em;
}
.ak-dialog .ak-dialog_header.warning::before {
    content:'warning';
    background-image:url() !important;
}
.ak-dialog .ak-dialog_header.error::before {
    content:'error';
    background-image:url() !important;
}
.ak-dialog .ak-dialog_header.info::before {
    content:'info';
    background-image:url() !important;
}
.ak-dialog .ak-dialog_header.question::before {
    content:'question';
    background-image:url() !important;
}
.ak-dialog .ak-dialog_header.success::before {
    content:'success';
    background-image:url() !important;
}
.ak-dialog .ak-dialog_content {
    width:100%;
    padding:1.8em 1em;
    box-sizing:border-box;
    color: #777777;
}
.ak-dialog .ak-dialog_content .ak-input_title {
    color: #333333;
}
.ak-dialog .ak-dialog_content .ak-dialog_field {
    width:100%;
    margin:0.2em 0 0.5em 0;
}
.ak-dialog .ak-dialog_content .ak-dialog_field input {
    display: block;
    width: 100%;
    outline: none;
    padding: 0.5em;
    box-sizing: border-box;
}
.ak-dialog .ak-dialog_content .ak-dialog_field .is-invalid {
    border-color:red !important;
}
.ak-dialog .ak-dialog_content .ak-dialog_field textarea {
    display: block;
    width: 100%;
    outline: none;
    padding: 0.5em;
    box-sizing: border-box;
}
.ak-dialog .ak-dialog_footer {
    width:100%;
    box-sizing:border-box;
    overflow:hidden;
    text-align:center;
    border-top:1px solid #dddddd;
    height: 3.6em;
    line-height: 3.4em;
}
.ak-dialog .ak-dialog_footer .jq_btn {
    display:block;
    width:50%;
    float:left;
    box-sizing:border-box;
    text-transform:uppercase;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
}
.ak-dialog .ak-dialog_footer .jq_btn.button_ok {
    float:none;
    width:100%;
}
.ak-dialog .ak-dialog_footer .jq_btn.button_cancel {
    color:#333333;
}
.ak-dialog .ak-dialog_footer .jq_btn.button_cancel + .button_ok {
    float:left;
    width:50%;
}
.ak-webtoast {
    position:fixed;
    margin:0 1em;
    z-index:10;
    display:none;
}
.ak-webtoast h3 {
    position:relative;
    z-index:8;
    color:#ffffff;
    background:rgba(0,0,0,0.7);
    text-align:center;
    border-radius:0.3em;
    padding:0.5em;
}
.ak-landscape {
    position: fixed;
    z-index: 10;
    width: 100%;
    height: 100%;
    color: #ffffff;
    text-align: center;
    background: rgba(0,0,0,0.9);
    padding: 6em 0;
    top: 0;
    left: 0;
}
/*-----------------------------------------------Andrew_PreviewImage-------------------------------------------*/
.ak-previewImage.bg_white:active {
    background-color: #f1f1f1 !important;;
}
.ak-previewImage input[type="file"] {
    position:absolute;
    opacity:0;
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=0)";
    cursor:pointer;
    left:0;
    width:inherit;
    height:inherit;
}

/*-----------------------------------------------Andrew_Radio&Andrew_Checkbox&Andrew_Switch-------------------------------------------*/
/*多选按钮*/
.ak-Checkbox {
    display:block;
    overflow:hidden;
    float:left;
    border:solid 1px;
    border-color:#dddddd;
    background-color: #ffffff;
    width:1.88em;
    height:1.88em;
    line-height:1.88em;
    border-radius:50%;
    text-align:center;
}
.ak-Checkbox input {
    opacity: 0;
    filter:alpha(opacity=0);
    width:100%;
    position:absolute;
    right:0;
    cursor: pointer;
}
.ak-Checkbox:before {
    border-color:inherit;
    font-size:1.2em;
}
/*单选按钮*/
.ak-Radio {
    display: block;
    overflow: hidden;
    float: left;
    width: 2em;
    height: 2em;
    line-height: 1.6em;
    border: solid 1px #dddddd;
    border-radius: 50%;
    text-align: center;
}
.ak-Radio input {
    opacity: 0;
    filter:alpha(opacity=0);
    width: 100%;
    cursor: pointer;
}
/*开关按钮*/
.ak-Switch {
    position: absolute;
    left: 0;
    width: 100%;
    z-index: 1;
    opacity: 0;
    filter:alpha(opacity=0);
    cursor: pointer;
}
.ak-Switch + label {
    width: 3.6em;
    height: 2em;
    background: #cccccc;
    position: relative;
    display: inline-block;
    border-radius: 1.4em;
    box-shadow: inset 1px 1px 10px rgba(0,0,0,0.1);
}
.ak-Switch + label:after {
    content: '';
    position: absolute;
    top: 0;
    width: 2em;
    height: 2em;
    border-radius: 100%;
    left: -2px;
    z-index: 1;
    background: #ffffff;
    border:solid 1px #f5f5f5;
    -webkit-transition: 0.4s;
    transition: 0.4s;
    box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.2);
    background: -webkit-linear-gradient(#ffffff,#f5f5f5);
    background: linear-gradient(#ffffff,#f5f5f5);
    cursor: pointer;
}
.ak-Switch:checked + label:after {
    left: 1.8em;
}
/*-----------------------------------------------Andrew_Progress-------------------------------------------*/
.ak-progressBar {
    display: block;
    text-indent: 3%;
    width: 0;
    height: inherit;
    line-height: inherit;
    position: relative;
}
.ak-progressBar:after {
    content: '';
    width: 100%;
    height: 100%;
    background-image: url() !important;
    z-index: 2;
    position: absolute;
    left: 0;
    opacity: 0.1;
    filter:alpha(opacity=10);
}
.ak-progressBar span {
    z-index: 3;
    left: 0;
    position: absolute;
    width: 100%;
    color: inherit !important;
}
.ak-almostfull li {
    background-color: rgba(255,0,0,1) !important;
}
/*-----------------------------------------------Andrew_Viewer-------------------------------------------*/
.ak-viewer-canvas,.ak-viewer-container,.ak-viewer-footer,.ak-viewer-player {
    right:0;
    bottom:0;
    left:0;
}
.ak-viewer-button,.ak-viewer-canvas,.ak-viewer-container,.ak-viewer-footer,.ak-viewer-list,.ak-viewer-navbar,.ak-viewer-open,.ak-viewer-title,.ak-viewer-toolbar,.ak-viewer-toolbar>li {
    overflow:hidden
}
.ak-viewer-close:before,.ak-viewer-flip-horizontal:before,.ak-viewer-flip-vertical:before,.ak-viewer-next:before,.ak-viewer-one-to-one:before,.ak-viewer-prev:before,.ak-viewer-reset:before,.ak-viewer-rotate-left:before,.ak-viewer-rotate-right:before,.ak-viewer-zoom-in:before,.ak-viewer-zoom-out:before {
    display:block;
    width:20px;
    height:20px;
    color:transparent;
    background-image:url() !important;
    background-repeat:no-repeat;
    margin: 0.6em auto 0 auto;
}
@media screen and (min-width:641px) {
    .ak-viewer-close:before,.ak-viewer-flip-horizontal:before,.ak-viewer-flip-vertical:before,.ak-viewer-next:before,.ak-viewer-one-to-one:before,.ak-viewer-prev:before,.ak-viewer-reset:before,.ak-viewer-rotate-left:before,.ak-viewer-rotate-right:before,.ak-viewer-zoom-in:before,.ak-viewer-zoom-out:before {
        margin: 0.8em auto 0 auto;
    }
}
.ak-viewer-zoom-in:before {
    content:'Zoom In';
    background-position:0 0;
}
.ak-viewer-zoom-out:before {
    content:'Zoom Out';
    background-position:-20px 0;
}
.ak-viewer-one-to-one:before {
    content:'One to One';
    background-position:-40px 0;
}
.ak-viewer-reset:before {
    content:'Reset';
    background-position:-61px 0;
}
.ak-viewer-prev:before {
    content:'Previous';
    background-position:-80px 0;
}
.ak-viewer-next:before {
    content:'Next';
    background-position: -95px 0;
}
.ak-viewer-rotate-left:before {
    content:'Rotate Left';
    background-position: -115px 0;
}
.ak-viewer-rotate-right:before {
    content:'Rotate Right';
    background-position:-135px 0;
}
.ak-viewer-flip-horizontal:before {
    content:'Flip Horizontal';
    background-position:-156px 0;
}
.ak-viewer-flip-vertical:before {
    content:'Flip Vertical';
    background-position:-175px 0;
}
.ak-viewer-close:before {
    content:'Close';
    background-position:-193px 0;
    margin: 0 auto;
}
.ak-viewer-container,.ak-viewer-navbar {
    overflow:hidden;
}
.ak-viewer-container {
    position:fixed;
    top:0;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
    direction:ltr!important;
    -ms-touch-action:none;
    touch-action:none;
    -webkit-tap-highlight-color:transparent;
    -webkit-touch-callout:none;
}
.ak-viewer-container::-moz-selection,.ak-viewer-container::-moz-selection {
    background-color:transparent;
}
.ak-viewer-container::selection,.ak-viewer-container::selection {
    background-color:transparent;
}
.ak-viewer-tooltip {
    display:none;
    position:absolute;
}
.ak-viewer-canvas {
    position:absolute;
    top:0;
    z-index: 15;
}
.ak-viewer-canvas>img {
    width:auto;
    max-width:90% !important;
    height:auto;
    margin:1em auto;
    border: solid 2px #cccccc;
}
.ak-viewer-footer {
    position:fixed;
    text-align:center;
    z-index: 15;
}
.ak-viewer-list {
    -webkit-box-sizing:content-box;
    -moz-box-sizing:content-box;
    box-sizing:content-box;
    width: 100%;
    margin: 1em auto;
    padding:1em 0;
    z-index: 10;
}
.ak-viewer-list>li {
    float:left;
    overflow:hidden;
    width:6em;
    height:6em;
    cursor:pointer;
    opacity:.5;
    color:transparent;
    filter:alpha(opacity=50);
}
.ak-viewer-list>li+li {
    margin-left:1em;
}
.ak-viewer-list>.ak-viewer-active{
    opacity:1;
    filter:alpha(opacity=100);
}
.ak-viewer-toolbar {
    width: 39em;
    margin: 1em auto;
    display: block;
}
.ak-viewer-toolbar>li {
    float: left;
    width: 3em;
    height: 3em;
    cursor: pointer;
    border-radius: 50%;
    color: #cccccc;
}
.ak-viewer-toolbar>li:hover, .ak-viewer-button:hover {
    background-color: #000000;
}
.ak-viewer-toolbar>li+li {
    margin-left:1em;
}
.ak-viewer-tooltip {
    line-height: 2em;
    top: 50%;
    left: 50%;
    width: 6em;
    height: 2em;
    margin-top: -1em;
    margin-left: -2em;
    text-align: center;
    color: #ffffff;
    background-color: #000000;
    border-radius: 0.8em;
    z-index: 99;
}
.ak-viewer-title {
    line-height: 4em;
    display: inline-block;
    width: 100%;
    white-space: nowrap;
    text-overflow: ellipsis;
    opacity: .8;
    color: #cccccc;
    filter: alpha(opacity=80);
    z-index: 10;
    border-bottom: solid 1px #111111;
}
.ak-viewer-button {
    position: fixed;
    top: 0;
    right: 0;
    width: 4em;
    height: 4em;
    cursor: pointer;
    text-align: center;
    z-index: 15;
}
.ak-viewer-invisible {
    visibility:hidden;
}
.ak-viewer-move {
    cursor:move;
}
.ak-viewer-fade {
    opacity:0;
    filter:alpha(opacity=0);
}
.ak-viewer-in {
    opacity:1;
    filter:alpha(opacity=100);
}
.ak-viewer-transition {
    -webkit-transition:all .3s ease-out;
    -o-transition:all .3s ease-out;
    transition:all .3s ease-out;
}
/*-----------------------------------------------Andrew_ZoomImage-------------------------------------------*/
.ak-ZoomImage{
    position: absolute;
    z-index: 2;
    overflow: hidden;
    background: #ffffff;
    visibility: hidden;
}

.ak-ZoomImage img{ /* image inside zoom container */
    width: 160% !important;
    position: absolute;
    display: block;
    cursor: Crosshair;
}

/*-----------------------------------------------Andrew_Mask-------------------------------------------*/
.ak-mask {
    display:block;
    position:fixed;
    z-index:14;
    top: 0;
    right: 0;
    bottom: 0;
    left:0;
    width:100%;
    height:100%;
    opacity:0.8;
    filter:alpha(opacity=80);
}
.ak-mask:after {
    display: block;
    content: '';
    width: 100%;
    height: 100%;
    position: fixed;
    background:url() repeat \9 !important ;
}
.ak-mask_style1 .ak-mask, .ak-pattern1 {
    background-image: url() !important;
}
.ak-mask_style2 .ak-mask, .pattern2 {
    background-image: url() !important;
}
.ak-mask_style3 .ak-mask, .pattern3 {
    background-image: url() !important;
}
.ak-mask_style4 .ak-mask, .pattern4 {
    background-image: url() !important;
}
.ak-mask_style5 .ak-mask, .pattern5 {
    background-image: url() !important;
}
.ak-mask_style6 .ak-mask, .pattern6 {
    background-image: url() !important;
}
.ak-mask_style7 .ak-mask, .pattern7 {
    background-image: url() !important;
}
.ak-mask_opacity09 .ak-mask {
    background-color:rgba(0,0,0,.9);
}
.ak-mask_opacity08 .ak-mask {
    background-color:rgba(0,0,0,.8);
}
.ak-mask_opacity07 .ak-mask {
    background-color:rgba(0,0,0,.7);
}
.ak-mask_opacity06 .ak-mask {
    background-color:rgba(0,0,0,.6);
}
.ak-mask_opacity05 .ak-mask {
    background-color:rgba(0,0,0,.5);
}
.ak-mask_opacity04 .ak-mask {
    background-color:rgba(0,0,0,.4);
}
.ak-mask_opacity03 .ak-mask {
    background-color:rgba(0,0,0,.3);
}
.ak-mask_opacity02 .ak-mask {
    background-color:rgba(0,0,0,.2);
}
.ak-mask_opacity01 .ak-mask {
    background-color:rgba(0,0,0,.1);
}